<!DOCTYPE html>
<html>

<head>
    <style>
        body {
            margin: 0;
            padding: 0;
            background-image: url('sf.png');
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
            min-height: 100vh;
            position: relative;
        }

        nav {
            background-color: black;
            color: white;
            display: flex;
            justify-content: center;
            padding: 10px;
            position: absolute;
            bottom: 10px;
            left: 0;
            right: 0;
        }

        nav a {
            color: inherit;
            text-decoration: none;
            margin: 0 10px;
        }

        nav:hover {
            background-color: white;
            color: black;
        }
    </style>
</head>

<body>
    <nav>
        <a href="#">查询快递</a>
        <a href="#">查询快递</a>
        <a href="#">查询快递</a>
        <a href="#">查询快递</a>
        <a href="#">查询快递</a>
    </nav>
</body>

</html>